<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/o1.css"/>
		<script src="bootstrap/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/01.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
		
	</head>
	<body>
	<nav class="navbar navbar-default container">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="#">LOL官网</a>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active">
						<a href="#">赛事官网<span class="sr-only">(current)</span></a>
					</li>
					<li>
						<a href="#">游戏社区</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">商城/合作 <span class="caret"></span></a>
					</li>
				</ul>
				<form class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="热门英雄">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>
				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="#">自助系统</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">选择大区 <span class="caret"></span></a>
					</li>
				</ul>
			</div>
		</div>
	</nav>
<div class="guanggao">
	<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="container">
	

<div id="carousel-example-generic" class="carousel slide " data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="img/a01.jpg" alt="..." class="img-responsive">
      <div class="carousel-caption">
      </div>
    </div>
    <div class="item">
      <img src="img/a02.jpg" alt="..." class="img-responsive">
      <div class="carousel-caption">
      </div>
    </div>
    <div class="item">
      <img src="img/a03.jpg" alt="..." class="img-responsive">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="img/a04.jpg" alt="..." class="img-responsive">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="img/a05.jpg" alt="..." class="img-responsive">
      <div class="carousel-caption">
        ...
      </div>
    </div>
  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
<div>
</div></div>
  <!-- Nav tabs -->
  <div class="ssssss">
  	
  
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">赛事</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">攻略</a></SHIli>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">公告</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settiiings" role="tab" data-toggle="tab">社区</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">
    	<h3 class="text-center">2019年英雄联盟官方赛事裁判招募启动</h3>
    	<ul>
    		<li>新闻<span>K/DA粉丝派对空降广州 华南大区冠军战来袭  </span>11-22</li>
    		<li>赛事<span>12月20日德杯硝烟将起 八大强队西安争冠 </span>11-22</li>
    		<li>赛事<span>OMG打野World6离队寻求新队伍   </span>11-22</li>
    		<li>赛事<span>RW打野Flawless宣布离队不再续约 </span>11-21</li>
    		<li>新闻<span>德杯冬季赛将成转会后的新阵容大战 </span>11-21</li>
    		<li>新闻<span>官宣：SNG中单fenfen下路双人及两名教练离队 </span>11-21</li>
    	</ul>
    </div>
    <div role="tabpanel" class="tab-pane" id="profile">
    	<h3 class="text-center">新版本五虎将 丽桑卓更新晋升中路一姐</h3>
    	<ul>
    		<li>媒体<span>羊刀再度重做 易大师如鱼得水胜率飙升  </span>11-22</li>
    		<li>媒体<span>国服高胜率冲分英雄 提莫火男强势制霸</span>11-20</li>
    		<li>媒体<span>强势诺手克制之道 天使完克提莫有奇效</span>11-20</li>
    		<li>媒体<span>新英雄技能解析！冰雪节等七款皮肤将至</span>11-20</li>
    		<li>媒体<span>一盏魂灯缚灵魂 典狱长锤石玩法教学</span> 11-19</li>
    		<li>媒体<span>8.23的辅助一姐 软辅削弱光辉受益</span> 11-19</li>
    	</ul>
    </div>
    <div role="tabpanel" class="tab-pane" id="messages">
    	<h3 class="text-center">全部大区任务系统维护公告</h3>
    	<ul>
    		<li>官方<span>iG冠军庆典之月 商城半价活动开启</span>11-22</li>
    		<li>官方<span>蓝色精萃商店限时开启</span>11-21</li>
    		<li>官方<span>总决赛代币到账延迟说明</span>11-21</li>
    		<li>官方<span>部分大区维护公告</span>11-21</li>
    		<li>官方<span>11月23日免费英雄更换公告</span>11-21</li>
    		<li>官方<span>11月21日不停机版本更新公告</span>11-20</li>
    	</ul>
    </div>
    <div role="tabpanel" class="tab-pane" id="settings">
    	<h3 class="text-center">【问拳头80期】排位赛特别版</h3>
    	<ul>
    		<li>其他<span>LOL短视频团强力招募啦！</span>11-22</li>
    		<li>其他<span>冰雪节系列皮肤亮相 你喜欢哪款？ </span>11-22</li>
    		<li>其他<span>你看好LCK开设的女子锦标赛吗？  </span>11-22</li>
    		<li>其他<span>Rookie女装你期待吗？IG冠军皮肤会是谁呢？</span>11-22</li>
    		<li>其他<span>IG将参加《鲁豫有约》 LCK转会大动荡</span>11-22</li>
    		<li>其他<span>【话题】新英雄妮蔻适合职业赛场吗？</span>11-21</li>
    	</ul>
    </div>
  
</div>
</div>
<div class="clearrr">
	
</div>
<h3>热门英雄</h3>
<div class="row">
  <div class="col-sm-4 col-md-3">
    <div class="thumbnail">
      <img src="img/big01.jpg" alt="...">
      <div class="caption">
        <h3>暗裔剑魔</h3>
        <p>作为食物链顶端的掠食者，残忍无情的虚空生物，雷克赛能够在地下挖掘隧道，偷袭并吞食毫无防备的猎物。她那永不满足的饥渴让曾经鼎盛一时的恕瑞玛帝国所在的地区满目疮痍。商人、贸易者和武装商队都会绕行百里，来躲开这些广袤的地区。一旦有人在遥远的地平线看到雷克赛，就等于看到自己葬身沙砾之下的命运。</p>
        <p><a href="#" class="btn btn-primary" role="button">技能介绍</a> 
        <a href="#" class="btn btn-default" role="button">推荐装备</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-3">
    <div class="thumbnail">
      <img src="img/big02.jpg" alt="...">
      <div class="caption">
        <h3>铸星龙王</h3>
        <p>奥瑞利安•索尔曾创造了奇迹般的群星，为无垠的荒芜太空布下他宏伟的恩典。而如今他曾经是帝国最受尊敬的战士，他的威能却遭人设计，被迫服务于某个潜藏在深空中的帝国。为了重返铸星大道，奥瑞利安•索尔誓要夺回属于自己的自由。哪怕召星降怒，征服的土地上流浪。倾覆众生。.</p>
        <p><a href="#" class="btn btn-primary" role="button">技能介绍</a> 
        <a href="#" class="btn btn-default" role="button">推荐装备</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-3">
    <div class="thumbnail">
      <img src="img/big03.jpg" alt="...">
      <div class="caption">
        <h3>战争之影</h3>
        <p>赫卡里姆是人与兽的幽灵混合体，身上的诅咒让他永世都只能不停地蹂躏践踏生者的灵魂。在福光岛被暗影吞噬之际，这位自豪的骑士被破败之咒的毁灭能量彻底湮没，连同他的骑兵团和他们胯下的坐骑。现在，符文之地上只要有黑雾出现的地方，就会有他率军冲锋的鬼影，在屠杀中狂欢，用铁蹄摧残脚下的敌人。.</p>
        <p><a href="#" class="btn btn-primary" role="button">技能介绍</a> 
        <a href="#" class="btn btn-default" role="button">推荐装备</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-3">
    <div class="thumbnail">
      <img src="img/big04.jpg" alt="...">
      <div class="caption">
        <h3>齐天大圣</h3>
        <p>悟空是一个瓦斯塔亚族的机灵鬼，用自己的力量、他曾经是帝国最受尊敬的战士灵敏和机智迷惑对手并抢得先机。机缘巧合让他结识了一位剑客并与之成为一生的挚友，这位剑客被人称作易大师。后来，悟空就成为了古老武术门派“无极”的最后一位弟子。如今，附魔长棍傍身的悟空，目标是让艾欧尼亚免遭崩溃的命运。</p>
        <p><a href="#" class="btn btn-primary" role="button">技能介绍</a> 
        <a href="#" class="btn btn-default" role="button">推荐装备</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-3">
    <div class="thumbnail">
      <img src="img/big05.jpg" alt="...">
      <div class="caption">
        <h3>无双剑姬</h3>
        <p>菲奥娜是全瓦洛兰最可怕的决斗家。她以雷厉风行、狡黠聪慧闻名于世，同样著名的还有她舞弄自己蓝钢佩剑的矫健。菲奥娜出生在德玛西亚王国的劳伦特家族，她从父亲的手中接管了家业，并在一场丑闻风波中将家族拯救于于灭亡的边缘。虽然劳伦特家威严不再，但菲奥娜却一直在不懈地努力，希望重振家族荣耀，让劳伦特这个名字重回德玛西亚名望贵族之列。</p>
        <p><a href="#" class="btn btn-primary" role="button">技能介绍</a> 
        <a href="#" class="btn btn-default" role="button">推荐装备</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-3">
    <div class="thumbnail">
      <img src="img/big06.jpg" alt="...">
      <div class="caption">
        <h3>放逐之刃</h3>
        <p>曾担任诺克萨斯军队剑士长的锐雯，如今在那片她曾要征服的土地上流浪。她通过自己信念的力量和野蛮的行事风格在军中不断晋升，因此获得了一把传奇的符文之刃和自己的战团作为奖赏——然而在艾欧尼亚的前线上，锐雯对祖国的信仰遭到了考验，并最终粉碎。她切断了与帝国的一切关联，在分崩离析的世界中找寻自己的归宿，即使纷飞的谣言传说着诺克萨斯已经重铸……</p>
        <p><a href="#" class="btn btn-primary" role="button">技能介绍</a> 
        <a href="#" class="btn btn-default" role="button">推荐装备</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-3">
    <div class="thumbnail">
      <img src="img/big07.jpg">
      <div class="caption">
        <h3>荒漠屠夫</h3>
        <p>雷克顿是一位来自恕瑞玛炙热沙漠中的面目可怖、野蛮狂怒的飞升者。，带领恕瑞玛的军队取得过无数次胜利。然而，在帝国陨落以后，雷克顿被困在了沙漠之下，慢慢地，在世界变迁的同时，雷克顿丧失了理智。现在他重获自由，但却被一个执念吞噬：找到并杀死他的哥哥内瑟斯，因为疯狂之中的他坚信内瑟斯是害他经受数百年黑暗束缚的罪魁祸首。</p>
        <p><a href="#" class="btn btn-primary" role="button">技能介绍</a> 
        <a href="#" class="btn btn-default" role="button">推荐装备</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-3">
    <div class="thumbnail">
      <img src="img/big08.jpg" alt="...">
      <div class="caption">
        <h3>沙漠死神</h3>
        <p>内瑟斯是一位庄严威武的犬首人身飞升者，在古代恕瑞玛帝国时期，是被沙漠子民敬仰为半神的英雄人物。作为知识的守护者和无双的战术家，他用高绝的智慧引导着古代恕瑞玛帝国在数百年间走向了繁荣伟大。帝国陨落以后，他开始了自我放逐，成为了人们口中缥缈的传说。现在，恕瑞玛古城已经再一次崛起，他也随之回归，并决心绝不让它再度陨落。</p>
        <p><a href="#" class="btn btn-primary" role="button">技能介绍</a> 
        <a href="#" class="btn btn-default" role="button">推荐装备</a></p>
      </div>
    </div>
  </div>
</div>
<h3>英雄分类</h3>
<table class="table table-bordered text-center table-hover" >
				<tr class="info">
					<td>战士</td>
					<td>法师</td>
					<td>坦克</td>
					<td>刺客</td>
					<td>射手</td>
					<td>辅助</td>
				</tr>
				<tr class="warning">
					<td><img src="img/sm01.png"><span>(暗裔剑魔)</span></td>
					<td><img src="img/sm11.png"><span>(九尾妖狐)</span></td>
					<td><img src="img/sm21.png"><span>(狮子瞎狗)</span></td>
					<td><img src="img/sm31.png"><span>(深海泰坦)</span></td>
					<td><img src="img/sm41.png"><span>(寒冰射手)</span></td>
					<td><img src="img/sm51.png"><span>(牛头酋长)</span></td>
				</tr>
				<tr class="success">
					<td><img src="img/sm02.png"><span>(铸星龙王)</span></td>
					<td><img src="img/sm12.png"><span>(沙漠皇帝)</span></td>
					<td><img src="img/sm22.png"><span>(刀锋之影)</span></td>
					<td><img src="img/sm32.png"><span>(曙光女神)</span></td>
					<td><img src="img/sm42.png"><span>(圣枪游侠)</span></td>
					<td><img src="img/sm52.png"><span>(河流之王)</span></td>
				</tr>
				<tr class="danger">
					<td><img src="img/sm03.png"><span>(诺克萨斯)</span></td>
					<td><img src="img/sm13.png"><span>(虚空之眼)</span></td>
					<td><img src="img/sm23.png"><span>(疾风剑豪)</span></td>
					<td><img src="img/sm33.png"><span>(熔岩巨兽)</span></td>
					<td><img src="img/sm43.png"><span>(虚空之女)</span></td>
					<td><img src="img/sm53.png"><span>(仙灵女巫)</span></td>
				</tr>
			</table>
			<h3>FANART创作馆</h3>
			<div id="shiping" class="text-center">
	<p class="bg-danger">
		<video width="240" height="150" controls autoplay>
			<source src="https://jcdn.huoying666.com/jimg/v.mp4" type="video/ogg">
			<source src="https://jcdn.huoying666.com/jimg/v.mp4" type="video/mp4">
			<source src="https://jcdn.huoying666.com/jimg/v.mp4" type="video/webm">
			<object data="movie.mp4" width="240" height="150">
    <embed width="240" height="150" src="movie.swf">
  </object></video>英雄预告：万花通灵-妮蔻 看到一样的英雄？</p>
  <p class="bg-info">
		<video width="240" height="150" controls autoplay>
			<source src="http://video.699pic.com/videos/13/37/96/KfCwwS82tdfh1513133796_10s.mp4" type="video/ogg">
			<source src="http://video.699pic.com/videos/13/37/96/KfCwwS82tdfh1513133796_10s.mp4" type="video/mp4">
			<source src="http://video.699pic.com/videos/13/37/96/KfCwwS82tdfh1513133796_10s.mp4" type="video/webm">
			<object data="movie.mp4" width="240" height="150">
    <embed width="240" height="150" src="movie.swf">
  </object>
  </video>
	新英雄预告：那是什么？眨眼就可能会错过它哦</p>
	<p class="bg-primary">
		<video width="240" height="150" controls autoplay>
			<source src="http://video.699pic.com/videos/32/50/93/47HK2MpfKwqx1510325093_10s.mp4" type="video/ogg">
			<source src="http://video.699pic.com/videos/32/50/93/47HK2MpfKwqx1510325093_10s.mp4" type="video/mp4">
			<source src="http://video.699pic.com/videos/32/50/93/47HK2MpfKwqx1510325093_10s.mp4" type="video/webm">
			<object data="movie.mp4" width="240" height="150">
    <embed width="240" height="150" src="movie.swf">
  </object>
		</video>
		妖僧野区无限骚扰，剑圣怒交闪现一路狂追</p>
	<p class="bg-success">
		<video width="240" height="150" controls autoplay>
			<source src="http://video.699pic.com/videos/57/29/26/sEzdz3fIXgqc1512572926_10s.mp4" type="video/ogg">
			<source src="http://video.699pic.com/videos/57/29/26/sEzdz3fIXgqc1512572926_10s.mp4" type="video/mp4">
			<source src="http://video.699pic.com/videos/57/29/26/sEzdz3fIXgqc1512572926_10s.mp4" type="video/webm">
			<object data="movie.mp4" width="240" height="150">
    <embed width="240" height="150" src="movie.swf">
  </object>
		</video>小鱼Top5：魅惑妖狐飘逸身姿连续戏耍敌方 这波操作有</p>
	<p class="bg-warning">
		<video width="240" height="150" controls autoplay>
			<source src="http://video.699pic.com/videos/98/16/85/S8Qu15R2I9831512981685_10s.mp4" type="video/ogg">
			<source src="http://video.699pic.com/videos/98/16/85/S8Qu15R2I9831512981685_10s.mp4" type="video/mp4">
			<source src="http://video.699pic.com/videos/98/16/85/S8Qu15R2I9831512981685_10s.mp4" type="video/webm">
			<object data="movie.mp4" width="240" height="150">
    <embed width="240" height="150" src="movie.swf">
  </object>
		</video>
		大司马：300秒冷却？没事，游戏刚开始他们不会发</p>
		 </div>
</div>
	</body>
</html>
